import {createRouter, createWebHashHistory, createWebHistory} from 'vue-router'
// import HomeView from '@/views/HomeView.vue'
// import SearchView from '@/views/SearchView.vue'
// import NotFind from '@/views/NotFind.vue'

// 路由对应的页面 默认会打包到一起， 增加应用的大小
// const routes = [
//   // 重定向，地址后面内容为空， 去指定页面
//   {path:"/", redirect:"/home"},
//   {path: '/home', name:'home', component: HomeView},
//   // 动态传递路由参数 :word 必须要传递参数
//   // 让参数可选 ? 不写也可以
//   {path: '/search/:wd?',name:'search', component: SearchView},
//    {path: '/:catchAll(.*)', name:"notFound", component: NotFind } //最后一个
// ]

//  ========================== 懒加载 =================================
// 懒加载的路由页面， 默认不会下载到用户的浏览器中
// 访问对应的路由才会去加载
const routes = [
  // 重定向，地址后面内容为空， 去指定页面
  {path:"/", redirect:"/home"},
  {path: '/home', name:'home', component: () => import('@/views/HomeView.vue')},
  // 动态传递路由参数 :word 必须要传递参数
  // 让参数可选 ? 不写也可以
  {path: '/search/:wd?',name:'search', component: () => import('@/views/SearchView.vue')},
  //我的
  {path: '/my/:wd?',name:'my', component: () => import('@/views/MyView.vue')},
  // 404 地址输入错误
   {path: '/:catchAll(.*)', name:"notFound", component: () => import('@/views/NotFind.vue') } //最后一个
]

// 路由模式
const router = createRouter({
  // hash 模式 url 中有#
  // history: createWebHashHistory(),
  // history 模式 中没有#， url更为精美， 常用的模式
  history:createWebHistory(),
  routes
})

export default router